<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="es" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="es" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="es" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="es" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>SAI - Sistema de Administración Interno de Clases Online</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style type="text/css">
            
            body {
                padding:40px;
            }
            
        </style>
        
        <link rel="stylesheet" href="styles/normalize.css">
        <link rel="stylesheet" href="styles/main.css">
        <link rel="stylesheet" href="styles/common.css">
        <link rel="stylesheet" href="styles/jquery-ui/jquery-ui.css">
        <link rel="stylesheet" href="styles/jquery-ui/jquery.ui.datepicker.css">
        <link rel="stylesheet" href="styles/lesson-specific-schedule.css">
        <script src="scripts/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        
        <div class="form-fields">
            <label class="lessson-specific-schedule">
                <span class="name">Horario:</span>
                <input type="text" name="date" value="" placeholder="mm/dd/aaaa" />
                &nbsp;-
                <select name="hour">
                    <option disabled selected>Hora</option>
                    <option value="0">00</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                    <option value="3">03</option>
                    <option value="4">04</option>
                    <option value="5">05</option>
                    <option value="6">06</option>
                    <option value="7">07</option>
                    <option value="8">08</option>
                    <option value="9">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                </select>
                &nbsp;:
                <select name="minutes">
                    <option disabled selected>Minuto</option>
                    <option value="0">00</option>
                    <option value="5">05</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="25">25</option>
                    <option value="30">30</option>
                    <option value="35">35</option>
                    <option value="40">40</option>
                    <option value="45">45</option>
                    <option value="50">50</option>
                    <option value="55">55</option>
                </select>
                hs
            </label>
            <!--<label class="lessson-specific-schedule">
                <span class="name">Horario:</span>
                <input type="text" name="date" value="" placeholder="mm/dd/aaaa" />
                &nbsp;-
                <select name="hour">
                    <option disabled selected>Hora</option>
                    <option value="0">00</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                </select>
                &nbsp;:
                <select name="minutes">
                    <option disabled selected>Minuto</option>
                    <option>00</option>
                    <option>05</option>
                    <option>10</option>
                </select>
                hs
                <span class="label"><span class="icon back-in-time"></span> Comprobando disponibilidad</span>
            </label>
            <label class="lessson-specific-schedule">
                <span class="name">Horario:</span>
                <input type="text" name="date" value="" placeholder="mm/dd/aaaa" />
                &nbsp;-
                <select name="hour">
                    <option disabled selected>Hora</option>
                    <option value="0">00</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                </select>
                &nbsp;:
                <select>
                    <option disabled selected>Minuto</option>
                    <option>00</option>
                    <option>05</option>
                    <option>10</option>
                </select>
                hs
                <span class="label label-success"><span class="icon check"></span> Disponible</span>
            </label>
            <label class="lessson-specific-schedule">
                <span class="name">Horario:</span>
                <input type="text" name="date" value="" placeholder="mm/dd/aaaa" />
                &nbsp;-
                <select name="hour">
                    <option disabled selected>Hora</option>
                    <option value="0">00</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                </select>
                &nbsp;:
                <select name="minutes">
                    <option disabled selected>Minuto</option>
                    <option>00</option>
                    <option>05</option>
                    <option>10</option>
                </select>
                hs
                <span class="label label-danger"><span class="icon cross"></span> No Disponible</span>
            </label>
            <label class="lessson-specific-schedule">
                <span class="name">Horario:</span>
                <input type="text" name="date" value="" placeholder="mm/dd/aaaa" />
                &nbsp;-
                <select name="hour">
                    <option disabled selected>Hora</option>
                    <option value="0">00</option>
                    <option value="1">01</option>
                    <option value="2">02</option>
                </select>
                &nbsp;:
                <select name="minutes">
                    <option disabled selected>Minuto</option>
                    <option>00</option>
                    <option>05</option>
                    <option>10</option>
                </select>
                hs
                <span class="label label-danger"><span class="icon calendar"></span> Fecha incorrecta</span>
            </label>-->
        </div>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="scripts/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="scripts/vendor/jquery-ui.js"></script>
        <script src="scripts/vendor/jquery.ui.datepicker.js"></script>
        <script src="scripts/plugins.js"></script>
        <script src="scripts/main.js"></script>
        <script src="scripts/lesson-specific-schedule.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. 
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>-->
    </body>
</html>
